﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainTemplate.Master" AutoEventWireup="true" CodeBehind="BillsReport.aspx.cs" Inherits="SmartCounters.BillsReportrmation" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ScriptsAndStylesPlaceHolder" runat="server">
    <link rel="stylesheet" type="text/css" href="/css/BillsReportrmation.css" />
    <style type="text/css">
        .style1
        {
            width: 142px;
        }
        .style2
        {
            height: 50px;
        }
        .Chart
        {}
        .style4
        {
            width: 189px;
        }
    </style>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="TitleContentPlaceHolder" runat="server">
    Acount Bill Information 
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    <fieldset class="UsageFieldset shadow">
	    <legend>Account Bill Information</legend>
        <table>
            <tr>
                <td class="style2" colspan="2"><asp:DropDownList class="DropDown" ID="ddAcounts" 
                        runat="server" AutoPostBack="True" 
                        onselectedindexchanged="ddAcounts_SelectedIndexChanged"></asp:DropDownList></td>
            </tr>
            <tr>
                <td class="style1"><asp:DropDownList class="DropDown" ID="ddFromDate" 
                        runat="server"></asp:DropDownList><asp:DropDownList class="DropDown" 
                        ID="ddToDate" runat="server"></asp:DropDownList></td>
                <td class="style4">
                    <asp:Button class="Button" ID="btShowAllUsages" Text="Show Usages Table" runat="server" onclick="btShowAllUsages_Click"/>
                    <asp:Button class="Button" ID="btShowChart" Text="Show Usages Chart" runat="server" onclick="btShowChart_Click" />
                </td>
            </tr>
        </table>
        
        <asp:GridView   ID="usagesGrid"
                        runat="server" 
            onselectedindexchanged="usagesGrid_SelectedIndexChanged" Width="263px">
        </asp:GridView>
        <asp:Chart ID="chart" runat="server" CssClass="Chart" Width="555px">
            <Series>
                <asp:Series ChartArea="ChartArea1" Name="Series1">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1">
                    <AxisY Title="Total Usage (Litres)">
                    </AxisY>
                    <AxisX Title="Date">
                    </AxisX>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
	</fieldset>
</asp:Content>